<template>
  <div class="popup_wrap">
    <span @click="closeWin" class="close_btn">x</span>
    <ul class="list-group">
      <li>桥梁名称: {{ bridgeObj.bridgeName }} </li>
      <li>监测点位数量: {{ bridgeObj.pointCount }} </li>
      <li>传感器数量: {{ bridgeObj.sensorCount }} </li>
      <li>维保单位: {{ bridgeObj.deptName }} </li>
      <li>维保责任人: {{ bridgeObj.realName }} </li>
      <li>告警状态: {{ bridgeObj.alarmStatus > 0 ? '一级预警' : bridgeObj.alarmStatusTwo > 0 ? '二级预警' : '正常' }} </li>
    </ul>
  </div>
</template>

<script setup name="popup">
import { ref, reactive } from 'vue'

const emit = defineEmits(['closeWin'])
const props = defineProps({
  bridgeObj: [String, Object, Array],
})

const closeWin = () => {
  emit('closeWin')
}




</script>

<style lang='scss' scoped>

.popup_wrap{
  background: #e5e1db;
  border-radius: 10px;
  padding: 10px 20px;
  &:hover{
    box-shadow: 2px 2px 10px #ccc;
  }
  .list-group{
    li{
      padding: 5px 0;
    }
  }
}

.close_btn{
  float: right;
  cursor: pointer;
  font-size: 30px;
}
</style>